<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>酒店简介</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<link href="${ctx }/resources/mobile/styles/bootstrap.min.css" rel="stylesheet" />
<link href="${ctx }/resources/mobile/styles/NewGlobal.css" rel="stylesheet" />

<script type="text/javascript" src="${ctx }/resources/mobile/Scripts/zepto.js"></script>

</head>
<body>
 <div class="header">
 <a href="${ctx }/mobile/index.html" class="home">
            <span class="header-icon header-icon-home"></span>
            <span class="header-name">主页</span>
</a>
<div class="title" id="titleString"></div>
<a href="javascript:history.go(-1);" class="back">
            <span class="header-icon header-icon-return"></span>
            <span class="header-name">返回</span>
        </a>
 </div>

        
    <script type="text/javascript" src="http://gmu.baidu.com/src/extend/touch.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/extend/matchMedia.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/extend/event.ortchange.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/extend/parseTpl.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/core/gmu.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/core/event.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/core/widget.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/widget/slider/slider.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/widget/slider/arrow.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/widget/slider/dots.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/widget/slider/$touch.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/widget/slider/$autoplay.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/widget/slider/$lazyloadimg.js"></script>
    <script type="text/javascript" src="http://gmu.baidu.com/src/widget/slider/imgzoom.js"></script>
      <link rel="stylesheet" type="text/css" href="http://gmu.baidu.com/assets/widget/slider/slider.css" />
        <link rel="stylesheet" type="text/css" href="http://gmu.baidu.com/assets/widget/slider/slider.default.css" />
    
<div class="container">
<ul class="unstyled hotel-bar">
	<li class="first">
    <a href="${ctx}/hotel.html/${hotel.id}">房型</a>
	</li>
	<li><a href="${ctx}/hotelinfo.html/${hotel.id}"  class="active">简介</a></li>
	<li><a href="#">地图</a></li>
	<li><a href="${ctx }/review.html/${hotel.id}">评论</a></li>
</ul>
<script type="text/javascript">
    $('#titleString').text($(document)[0].title);
</script>
<div class="hotel-prompt ">
    <span class="hotel-prompt-title">酒店图片</span>
<div id="slider" style="margin-top: 10px;">
    
 <div>
        <img src="http://lookseaeveryday.com/hotel_img/${hotel.img }.jpg">
        <p>酒店外观</p>
 </div>             
       
        
</div>
</div>
<div id="hotelinfo" class="hotel-prompt ">
			<span class="hotel-prompt-title">酒店简介</span>
			<p>${hotel.about}</p>
            <p>地址：${hotel.address}</p>
            <p>电话：${hotel.tel}</p>
		</div>
</div>
<script>
    //创建slider组件
    $('#slider').slider({ imgZoom: true });
</script>


  <div class="footer">
  <div class="gezifooter">
      
      <a href="login.aspx" class="ui-link">立即登陆</a> <font color="#878787">|</font> 
       <a href="reg.aspx" class="ui-link">免费注册</a> <font color="#878787">|</font>                 
                  

       <a href="../www.gridinn.com/@display=pc" class="ui-link">电脑版</a>
  </div>
  <div class="gezifooter">
    <p style="color:#bbb;">格子微酒店连锁 &copy; 版权所有 2012-2014</p>
  </div>
  </div>

</body>
</html>
